<!DOCTYPE html>
<html class="no-js" lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>圈圈</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Place favicon.png in the root directory -->
    <link rel="shortcut icon" href="https://array.320.io/static/img/favicon.png" type="image/x-icon" />
    <!-- Font Icons css -->
    <link rel="stylesheet" href="https://array.320.io/static/css/font-icons.css">
    <!-- plugins css -->
    <link rel="stylesheet" href="https://array.320.io/static/css/plugins.css">
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="https://array.320.io/static/css/style.css">
    <!-- Responsive css -->
    <link rel="stylesheet" href="https://array.320.io/static/css/responsive.css">


    <!-- bootstrap 4.x is supported. You can also use the bootstrap css 3.3.x versions -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        crossorigin="anonymous">
    <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.9/css/fileinput.min.css" media="all"
        rel="stylesheet" type="text/css" /> -->

    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-fileinput/5.0.9/css/fileinput.min.css" rel="stylesheet">
    <!-- if using RTL (Right-To-Left) orientation, load the RTL CSS file after fileinput.css by uncommenting below -->
    <!-- link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.9/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
    <!-- the font awesome icon library if using with `fas` theme (or Bootstrap 4.x). Note that default icons used in the plugin are glyphicons that are bundled only with Bootstrap 3.x. -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
    <!-- piexif.min.js is needed for auto orienting image files OR when restoring exif data in resized images and when you
    wish to resize images before upload. This must be loaded before fileinput.min.js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-fileinput/5.0.9/js/plugins/piexif.min.js"></script>
    <!-- sortable.min.js is only needed if you wish to sort / rearrange files in initial preview. 
    This must be loaded before fileinput.min.js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-fileinput/5.0.9/js/plugins/sortable.min.js"></script>
    <!-- popper.min.js below is needed if you use bootstrap 4.x (for popover and tooltips). You can also use the bootstrap js 
   3.3.x versions without popper.min.js. -->
    <script src="https://cdn.bootcdn.net/ajax/libs/popper.js/1.14.7/esm/popper.min.js"></script>
    <!-- bootstrap.min.js below is needed if you wish to zoom and preview file content in a detail modal
    dialog. bootstrap 4.x is supported. You can also use the bootstrap js 3.3.x versions. -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"
        crossorigin="anonymous"></script>
    <!-- the main fileinput plugin file -->
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-fileinput/5.0.9/js/fileinput.min.js"></script>
    <!-- following theme script is needed to use the Font Awesome 5.x theme (`fas`) -->
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-fileinput/5.0.9/themes/explorer-fas/theme.min.js"></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-fileinput/5.0.9/themes/fas/theme.js"></script>
    <!-- optionally if you need translation for your language then include the locale file as mentioned below (replace LANG.js with your language locale) -->
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-fileinput/5.0.9/js/locales/zh.min.js"></script>
</head>

<body>
    <!--[if lte IE 9]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
    <![endif]-->

    <!-- Add your site or application content here -->

    <!-- Body main wrapper start -->
    <div class="body-wrapper">

        <!-- HEADER AREA START (header-4) -->
        <header class="ltn__header-area ltn__header-8 section-bg-6">
            <!-- ltn__header-top-area start -->
            <div class="ltn__header-top-area top-area-color-white d-none">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7">
                            <div class="ltn__top-bar-menu">
                                <ul>
                                    <li><a href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"><i
                                                class="icon-mail"></i> info@webmail.com</a></li>
                                    <li><a href="locations.html"><i class="icon-placeholder"></i> 15/A, Nest Tower,
                                            NYC</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="top-bar-right text-right">
                                <div class="ltn__top-bar-menu">
                                    <ul>
                                        <li>
                                            <!-- ltn__language-menu -->
                                            <div class="ltn__drop-menu ltn__currency-menu ltn__language-menu">
                                                <ul>
                                                    <li><a href="#" class="dropdown-toggle"><span
                                                                class="active-currency">English</span></a>
                                                        <ul>
                                                            <li><a href="#">Arabic</a></li>
                                                            <li><a href="#">Bengali</a></li>
                                                            <li><a href="#">Chinese</a></li>
                                                            <li><a href="#">English</a></li>
                                                            <li><a href="#">French</a></li>
                                                            <li><a href="#">Hindi</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li>
                                            <!-- ltn__social-media -->
                                            <div class="ltn__social-media">
                                                <ul>
                                                    <li><a href="#" title="Facebook"><i
                                                                class="fab fa-facebook-f"></i></a></li>
                                                    <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a>
                                                    </li>

                                                    <li><a href="#" title="Instagram"><i
                                                                class="fab fa-instagram"></i></a></li>
                                                    <li><a href="#" title="Dribbble"><i class="fab fa-dribbble"></i></a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ltn__header-top-area end -->

            <!-- ltn__header-middle-area start -->
            <div class="ltn__header-middle-area ltn__header-sticky ltn__sticky-bg-white plr--5">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col logo-column">
                            <div class="site-logo">
                                <a th:href="@{/}"><img src="https://array.320.io/static/img/logo.png" alt="Logo"></a>
                            </div>
                        </div>
                        <div class="col header-menu-column">
                            <div class="header-menu d-none d-xl-block">
                                <nav>
                                    <div class="ltn__main-menu">
                                        <ul>
                                            <li class="menu-icon"><a th:href="@{/}">首页</a>
                                            </li>
                                            <li class="menu-icon"><a th:href="@{/articles}">所有文章</a>
                                                <ul>
                                                    <li><a th:href="@{/articles}">最新</a></li>
                                                    <li><a th:href="@{/articles}">最热</a></li>
                                                    <li><a th:href="@{/add}">发布文章</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-icon"><a href="#">风格分类</a>
                                                <ul>
                                                    <!-- http://localhost:8088/quanquan/article/tag/5 -->
                                                    <li><a th:href="@{/article/tag/5}">古风华服</a></li>
                                                    <li><a th:href="@{/article/tag/9}">JK</a></li>
                                                    <li><a th:href="@{/article/tag/10}">Lolita</a></li>
                                                    <li><a th:href="@{/articles}">其他<span
                                                                class="float-right">>></span></a>
                                                        <ul>
                                                            <li><a th:href="@{/article/tag/13}">唐装</a></li>
                                                            <li><a th:href="@{/article/tag/6}">二次元</a></li>
                                                            <li><a th:href="@{/article/tag/12}">旗袍</a></li>
                                                            <li><a th:href="@{/articles}">....</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="menu-icon"><a th:href="@{/deposit}">版权保护</a>
                                            </li>
                                            <li><a href="#">联系我们</a></li>
                                            <li class="menu-icon"><a th:href="@{/account}">我的</a>
                                                <ul>
                                                    <li><a th:href="@{/add}">发布文章</a></li>
                                                    <li><a th:href="@{/account}">我喜欢的</a></li>
                                                    <li><a th:href="@{/account}">我关注的</a></li>
                                                    <li><a th:href="@{/account}">我的好友</a></li>
                                                    <li><a th:href="@{/account}">我的消息</a></li>
                                                    <li><a th:href="@{/account}">我的账户</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                        </div>
                        <div class="col">
                            <div class="ltn__header-options">
                                <ul>
                                    <li class="d-none">
                                        <!-- ltn__currency-menu -->
                                        <!-- <div class="ltn__drop-menu ltn__currency-menu">
                                            <ul>
                                                <li><a href="#" class="dropdown-toggle"><span
                                                            class="active-currency">USD</span></a>
                                                    <ul>
                                                        <li><a href="login.html">USD - US Dollar</a></li>
                                                        <li><a href="wishlist.html">CAD - Canada Dollar</a></li>
                                                        <li><a href="register.html">EUR - Euro</a></li>
                                                        <li><a href="account.html">GBP - British Pound</a></li>
                                                        <li><a href="wishlist.html">INR - Indian Rupee</a></li>
                                                        <li><a href="wishlist.html">BDT - Bangladesh Taka</a></li>
                                                        <li><a href="wishlist.html">JPY - Japan Yen</a></li>
                                                        <li><a href="wishlist.html">AUD - Australian Dollar</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div> -->
                                    </li>
                                    <li>
                                        <!-- header-search-1 -->
                                        <div class="header-search-wrap">
                                            <div class="header-search-1">
                                                <div class="search-icon">
                                                    <i class="icon-magnifier  for-search-show"></i>
                                                    <i class="icon-magnifier-remove  for-search-close"></i>
                                                </div>
                                            </div>
                                            <div class="header-search-1-form">
                                                <form id="#234" method="get" action="#">
                                                    <input type="text" name="search" value="" placeholder="搜索..." />
                                                    <button type="submit">
                                                        <span><i class="icon-magnifier"></i></span>
                                                    </button>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <!-- user-menu -->
                                        <div class="ltn__drop-menu user-menu">
                                            <ul>
                                                <li>
                                                    <a th:href="@{/account}"><i class="icon-user"></i></a>
                                                    <ul>
                                                        <li><a th:href="@{/login}">登录</a></li>
                                                        <li><a th:href="@{/register}">注册</a></li>
                                                        <li><a th:href="@{/account}">我的账户</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                        <!-- header-wishlist -->
                                        <div class="header-wishlist">
                                            <a th:href="@{/account}"><i class="icon-heart"></i></a>
                                        </div>
                                    </li>
                                    <li>
                                        <!-- mini-cart 2 -->
                                        <div class="mini-cart-icon mini-cart-icon-2">
                                            <a href="#ltn__utilize-cart-menu" class="ltn__utilize-toggle">
                                                <span class="mini-cart-icon">
                                                    <i class="icon-envelope"></i>
                                                    <sup>0</sup>
                                                </span>
                                                <h6><span>消息中心</span> <span class="ltn__secondary-color">查看消息</span>
                                                </h6>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <!-- Mobile Menu Button -->
                                        <div class="mobile-menu-toggle d-xl-none">
                                            <a href="#ltn__utilize-mobile-menu" class="ltn__utilize-toggle">
                                                <svg viewBox="0 0 800 600">
                                                    <path
                                                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
                                                        id="top"></path>
                                                    <path d="M300,320 L540,320" id="middle"></path>
                                                    <path
                                                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
                                                        id="bottom"
                                                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) ">
                                                    </path>
                                                </svg>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ltn__header-middle-area end -->
        </header>
        <!-- HEADER AREA END -->

        <!-- Utilize Cart Menu Start -->
        <div id="ltn__utilize-cart-menu" class="ltn__utilize ltn__utilize-cart-menu">
            <div class="ltn__utilize-menu-inner ltn__scrollbar">
                <div class="ltn__utilize-menu-head">
                    <span class="ltn__utilize-menu-title">消息中心</span>
                    <button class="ltn__utilize-close">×</button>
                </div>
                <div class="mini-cart-product-area ltn__scrollbar">
                </div>
                <div class="mini-cart-footer">
                    <div class="btn-wrapper">
                        <a href="#" class="theme-btn-1 btn btn-effect-1">回复</a>
                        <a href="#" class="theme-btn-2 btn btn-effect-2">删除</a>
                    </div>
                </div>

            </div>
        </div>
        <!-- Utilize Cart Menu End -->

        <!-- Utilize Mobile Menu Start -->
        <div id="ltn__utilize-mobile-menu" class="ltn__utilize ltn__utilize-mobile-menu">
            <div class="ltn__utilize-menu-inner ltn__scrollbar">
                <div class="ltn__utilize-menu-head">
                    <div class="site-logo">
                        <a th:href="@{/}"><img src="https://array.320.io/static/img/logo.png" alt="Logo"></a>
                    </div>
                    <button class="ltn__utilize-close">×</button>
                </div>
                <div class="ltn__utilize-menu-search-form">
                    <form action="#">
                        <input type="text" placeholder="搜索...">
                        <button><i class="fas fa-search"></i></button>
                    </form>
                </div>
                <div class="ltn__utilize-menu">
                    <ul>
                        <li><a th:href="@{/}">首页</a>
                        </li>
                        <li><a th:href="@{/articles}">所有文章</a>
                            <ul class="sub-menu">
                                <li><a th:href="@{/articles}">最新</a></li>
                                <li><a th:href="@{/articles}">最热</a></li>
                                <li><a th:href="@{/add}">发布文章</a></li>
                            </ul>
                        </li>
                        <li><a href="#">风格分类</a>
                            <ul class="sub-menu">
                                <li><a th:href="@{/article/tag/5}">古风华服</a></li>
                                <li><a th:href="@{/article/tag/9}">JK</a></li>
                                <li><a th:href="@{/article/tag/10}">Lolita</a></li>
                                <li><a th:href="@{/articles}">其他<span class="float-right">>></span></a>
                                    <ul>
                                        <li><a th:href="@{/article/tag/13}">唐装</a></li>
                                        <li><a th:href="@{/article/tag/6}">二次元</a></li>
                                        <li><a th:href="@{/article/tag/12}">旗袍</a></li>
                                        <li><a th:href="@{/articles}">....</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a th:href="@{/deposit}">版权保护</a>
                        </li>
                        <li><a href="#">联系我们</a></li>
                        <li><a th:href="@{/account}">我的</a>
                            <ul class="sub-menu">
                                <li><a th:href="@{/add}">发布文章</a></li>
                                <li><a th:href="@{/account}">我喜欢的</a></li>
                                <li><a th:href="@{/account}">我关注的</a></li>
                                <li><a th:href="@{/account}">我的好友</a></li>
                                <li><a th:href="@{/account}">我的消息</a></li>
                                <li><a th:href="@{/account}">我的账户</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="ltn__utilize-buttons ltn__utilize-buttons-2">
                    <ul>
                        <li>
                            <a th:href="@{/account}" title="我的账户">
                                <span class="utilize-btn-icon">
                                    <i class="far fa-user"></i>
                                </span>
                                我的账户
                            </a>
                        </li>
                        <!-- <li>
                            <a href="wishlist.html" title="Wishlist">
                                <span class="utilize-btn-icon">
                                    <i class="far fa-heart"></i>
                                    <sup>3</sup>
                                </span>
                                Wishlist
                            </a>
                        </li>
                        <li>
                            <a href="cart.html" title="Shoping Cart">
                                <span class="utilize-btn-icon">
                                    <i class="fas fa-shopping-cart"></i>
                                    <sup>5</sup>
                                </span>
                                Shoping Cart
                            </a>
                        </li> -->
                    </ul>
                </div>
                <div class="ltn__social-media-2">
                    <ul>
                        <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#" title="Linkedin"><i class="fab fa-linkedin"></i></a></li>
                        <li><a href="#" title="Instagram"><i class="fab fa-instagram"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Utilize Mobile Menu End -->

        <!-- BREADCRUMB AREA START -->
        <div class="ltn__breadcrumb-area ltn__breadcrumb-area-4 ltn__breadcrumb-color-white---">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="ltn__breadcrumb-inner text-center">
                            <h1 class="ltn__page-title">发布文章</h1>
                            <div class="ltn__breadcrumb-list">
                                <ul>
                                    <li><a th:href="@{/}">首页</a></li>
                                    <li><a href="#"></a>发布文章</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- BREADCRUMB AREA END -->

        <!-- WISHLIST AREA START -->
        <div class="ltn__checkout-area mb-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="ltn__checkout-inner">

                            <div class="ltn__checkout-single-content mt-50">
                                <h4 class="title-2">发布</h4>
                                <div class="ltn__checkout-single-content-info">
                                    <form th:action="@{/article/add}" enctype="multipart/form-data" method="POST">
                                        <h6>文章标题</h6>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="input-item input-item-title ltn__custom-icon">
                                                    <input type="text" name="title" placeholder="文章标题" required="true">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-4 col-md-6">
                                                <h6>文章板块</h6>
                                                <div class="input-item">
                                                    <select class="nice-select" name="category">
                                                        <option th:each="cg:${categories}" th:value="${cg.cgid}"
                                                            th:text="${cg.cgname}"></option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-4 col-md-6">
                                                <h6>选择标签</h6>
                                                <div class="input-item">
                                                    <!-- <input th:each="tag:${tags}" type="checkbox" name="tags" th:value="${tag.tid}"><i class="fa fa-tag" th:text="${tag.tname}">吃</i> -->
                                                    <span th:each="tag:${tags}">
                                                        <i class="fa fa-tag"></i>
                                                        <input type="checkbox" name="tags" th:value="${tag.tid}"
                                                            th:text="${tag.tname}">
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div><br></div>
                                        <h6>文章内容</h6>
                                        <div class="input-item input-item-textarea ltn__custom-icon">
                                            <textarea name="content" placeholder="在这里写下您的文章吧，下方区域可以上传图片。"></textarea>
                                        </div>

                                        <div class="file-loading">
                                            <input id="images" class="file" type="file" name="files" multiple="multiple"
                                                data-theme="fas" data-browse-on-zone-click="true">
                                        </div>
                                        <br>
                                        <div class="justify-content-center">
                                            <button type="submit" class="btn btn-primary">提交</button>
                                            <button type="reset" class="btn btn-outline-secondary">重置</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- WISHLIST AREA START -->

        <!-- BRAND LOGO AREA START -->
        <div class="ltn__brand-logo-area  ltn__brand-logo-1 section-bg-1 pt-35 pb-35 plr--5">
            <div class="container-fluid">
                <div class="row ltn__brand-logo-active">
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/1.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/2.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/3.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/4.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/5.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/1.png" alt="Brand Logo">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="ltn__brand-logo-item">
                            <img src="https://array.320.io/static/img/brand-logo/2.png" alt="Brand Logo">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- BRAND LOGO AREA END -->

        <!-- FOOTER AREA START -->
        <footer class="ltn__footer-area ">
            <div class="footer-top-area  section-bg-5">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-2 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-menu-widget clearfix">
                                <h4 class="footer-title">我的账户</h4>
                                <div class="footer-menu">
                                    <ul>
                                        <li><a th:href="@{/account}">我的账户</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-menu-widget clearfix">
                                <h4 class="footer-title">快速链接</h4>
                                <div class="footer-menu">
                                    <ul>
                                        <li><a href="http://www.ncac.gov.cn/">国家版权局</a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-menu-widget clearfix">
                                <h4 class="footer-title">相关信息</h4>
                                <div class="footer-menu">
                                    <ul>
                                        <li><a href="#">免责声明</a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-menu-widget clearfix">
                                <h4 class="footer-title">客户服务</h4>
                                <div class="footer-menu">
                                    <ul>
                                        <li><a href="#">侵权申诉</a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                        <li><a href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-6 col-sm-6 col-12">
                            <div class="footer-widget footer-about-widget">
                                <h4 class="footer-title">关于我们</h4>
                                <div class="footer-logo d-none">
                                    <div class="site-logo">
                                        <img src="https://array.320.io/static/img/logo.png" alt="Logo">
                                    </div>
                                </div>
                                <p>基于区块链存证保护原创的小众服饰文化交流圈</p>
                                <div class="footer-address">
                                    <ul>
                                        <li>
                                            <div class="footer-address-icon">
                                                <i class="icon-location-pin"></i>
                                            </div>
                                            <div class="footer-address-info">
                                                <p>云南大学</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="footer-address-icon">
                                                <i class="icon-phone"></i>
                                            </div>
                                            <div class="footer-address-info">
                                                <p><a href="tel:+0123-456789">+0123-456789</a></p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="footer-address-icon">
                                                <i class="icon-envelope"></i>
                                            </div>
                                            <div class="footer-address-info">
                                                <p><a href="mailto:admin@array.320.io">admin@array.320.io</a></p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="ltn__social-media mt-20 d-none">
                                    <ul>
                                        <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                                        <li><a href="#" title="Linkedin"><i class="fab fa-linkedin"></i></a></li>
                                        <li><a href="#" title="Youtube"><i class="fab fa-youtube"></i></a></li>
                                    </ul>
                                </div>
                                <div class="footer-payment-img">
                                    <img src="https://array.320.io/static/img/icons/payment-6.png" alt="Payment Image">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ltn__copyright-area ltn__copyright-2 section-bg-5">
                <div class="container ltn__border-top-2">
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <div class="footer-copyright-left">
                                <div class="ltn__copyright-design clearfix">
                                    <p>&copy; 圈圈<span class="current-year"></span> —— 基于区块链存证保护原创的小众服饰文化交流圈</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-12 align-self-center">
                            <div class="footer-copyright-right text-right">
                                <div class="ltn__copyright-menu d-none">
                                    <ul>
                                        <li><a href="#">Terms & Conditions</a></li>
                                        <li><a href="#">Claim</a></li>
                                        <li><a href="#">Privacy & Policy</a></li>
                                    </ul>
                                </div>
                                <div class="ltn__social-media ">
                                    <ul>
                                        <li><a href="#" title="Facebook"><i class="icon-social-facebook"></i></a></li>
                                        <li><a href="#" title="Twitter"><i class="icon-social-twitter"></i></a></li>
                                        <li><a href="#" title="Pinterest"><i class="icon-social-pinterest"></i></a></li>
                                        <li><a href="#" title="Instagram"><i class="icon-social-instagram"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- FOOTER AREA END -->

    </div>
    <!-- Body main wrapper end -->
    </div>
    <!-- 以下script要放在plugin.js以及main.js前面，避免冲突 -->
    <script>
        $('#images').fileinput({
            showUpload: false,
            theme: 'fas',
            language: 'zh',
            maxFileCount: 10,
            allowedFileExtensions: ['jpg', 'png', 'gif']
        });
    </script>
    <!-- Body main wrapper end -->

    <!-- All JS Plugins -->
    <script src="https://array.320.io/static/js/plugins.js"></script>
    <!-- Main JS -->
    <script src="https://array.320.io/static/js/main.js"></script>

</body>

</html>